<template>
  <div>
    <headerMobel v-if="screenWidth <= 1024" />
    <headerTop :topHanderView="topHanderView" v-if="screenWidth > 1024" />
    <bannerList :bannerImg="bannerImgList" v-if="screenWidth > 1024" />
    <bannerMobel :bannerImg="bannerImgList" v-if="screenWidth <= 1024" />
    <headerSmall @headerChange="headerChange" v-if="screenWidth > 1024" />
    <div style="height: 1500px; background: #fff">服务{{ screenWidth }}</div>
    <footer-page v-if="screenWidth > 1024"></footer-page>
    <footer-page-mobel v-if="screenWidth <= 1024"></footer-page-mobel>
  </div>
</template>
  
  <script>
import { caseDesignList, picConfigList } from "@/api/defapi";

import footerPageMobel from "@/components/footerPageMobel.vue";
import brandImageMobel from "@/components/brandImageMobel.vue";
import bannerMobel from "@/components/bannerMobel.vue";
import scrollHandle from "@/components/scrollHandle.vue";

import changeImages from "@/components/changeImages.vue";
import brandImages from "@/components/brandImages.vue";
import headerTop from "@/components/headerTop.vue";
import headerMobel from "@/components/headerMobel.vue";
import headerSmall from "@/components/headerSmall.vue";
import bannerList from "@/components/bannerList.vue";
import footerPage from "@/components/footerPage.vue";
export default {
  components: {
    bannerMobel,
    headerTop,
    headerSmall,
    bannerList,
    changeImages,
    footerPage,
    brandImages,
    scrollHandle,
    headerMobel,
    brandImageMobel,
    footerPageMobel,
  },
  data() {
    return {
      topHanderView: true,
      screenWidth: window.innerWidth,
      bannerImgList:'',
      baseApi : process.env.VUE_APP_IMGADDRESS
    };
  },
  mounted() {
    window.addEventListener("resize", this.getScreenSise);
    picConfigList({imgType:1}).then(res=>{
      this.bannerImgList = res.data
    })
  },
  methods: {
    getScreenSise() {
      this.screenWidth = window.innerWidth;
    },
    headerChange(val) {
      this.topHanderView = !val;
    },
  },
};
</script>
  
  <style>
</style>